// 一:导航效果
let nav = document.querySelectorAll('.header .nav a');
// 添加点击事件
nav.forEach(function(v,i){
  v.addEventListener('click',function(){
    nav.forEach(function(v2){
      v2.className = '';
    });
    this.className = 'on';
  });
});

// 登录注册按钮效果
let btns = document.querySelectorAll('.header>a');
// 添加鼠标移入事件
btns.forEach(function(v,i){
  v.addEventListener('mouseover',function(){
    this.style.opacity = '0.5';
  })
  v.addEventListener('mouseout',function(){
    this.style.opacity = '1';
  })
})
